<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>首页</title>
		<script type="text/javascript" src="js/font.js"></script>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/header.css" />
		<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_1439148_nb77tnrgp5d.css" />
		<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_1439332_0xfp4ccae8m.css" />
		<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_1439628_18s91mtoka.css" />
		<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_1439666_hbddk9tctes.css" />
		<link rel="stylesheet" type="text/css" href="css/search.css" />
		<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_1441281_xvo2z5pn1w.css" />
		<link rel="stylesheet" type="text/css" href="css/login.css" />
	</head>

	<body>
		<div class="sg_border">
			<header>
				<!--头部-->
				<div class="sg_header">
					<div class="sg_nav">
						<i class="iconfont icon-daohanglan_moshi"></i>
					</div>
					<div class="sg_header_logo">
						<img src="img/logo_03.png" />
					</div>
					<div class="sg_search">
						<i class="iconfont icon-iconfontzhizuobiaozhun023131"></i>
					</div>
				</div>
			</header>
			<!--轮播图-->
			<div class="swiper">
				<img src="img/bg01.png" />
				<div class="sg_img_shadow">
					<div class="sg_shadow_titl">
						<h3>省广股份携手阿里妈妈举行DT大时代 全息营销</h3>
						<h3>......</h3>
					</div>
					<div class="sg_shadow_hotclick">
						<ul>
							<li>
								<i class="iconfont icon-xinheart118"></i>
								<span>120</span>
							</li>
							<li>
								<i class="iconfont icon-yj"></i>
								<span>560</span>
							</li>
						</ul>
						<ul>
							<i class="iconfont icon-yuanxing"></i>
							<i class="iconfont icon-yuanxing"></i>
							<i class="iconfont icon-yuanxing"></i>
							<i class="iconfont icon-yuanxing"></i>
						</ul>
						<ul>
							<li>
								<span>12月26日</span>
							</li>
							<li>
								<span>07:33:43</span>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<!--新闻版面-->
			<div class="newsPage">
				<div class="sg_np_item_one">
					<ul>
						<li>
							<h3>#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</h3>
							<div class="item_pagesBox">
								<div class="item_left">
									<div class="sg_icon"><i class="iconfont icon-xinheart118"></i></div>
									<span>120</span>
								</div>
								<div class="item_right">
									<p>2小时前</p>
									<p>[案例观点]</p>
								</div>
							</div>
						</li>
						<li>
							<div class="item_img">
								<img src="img/new1.png" />
							</div>
						</li>
					</ul>
					<hr />
					<ul>
						<li>
							<h3>#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</h3>
							<div class="item_pagesBox">
								<div class="item_left">
									<div class="sg_icon"><i class="iconfont icon-xinheart118"></i></div>
									<span>886</span>
								</div>
								<div class="item_right">
									<p>5小时前</p>
									<p>[课程]</p>
								</div>
							</div>
						</li>
						<li>
							<div class="item_img">
								<img src="img/new2.png" />
							</div>
						</li>
					</ul>
				</div>
				<div class="sg_np_item_two">
					<div>
						<h3>#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</h3>
						<ul>
							<li>
								<div class="sg_np_img">
									<img src="img/np1.png" />
								</div>
							</li>
							<li>
								<div class="sg_np_img">
									<img src="img/np2.png" />
								</div>
							</li>
							<li>
								<div class="sg_np_img">
									<img src="img/np3.png" />
								</div>
							</li>
						</ul>
						<div>
							<ul>
								<li>
									<div>
										<img src="img/handimg.png" />
									</div>
									<span>陈正光</span>
								</li>
								<li>
									<div>
										<img src="img/tiwen.png" />
									</div>
									<span>6868</span>
								</li>
								<li>
									<div>
										<img src="img/xinxing.png" />
									</div>
									<span>4808</span>
								</li>
							</ul>
							<ul>
								<li><span>2天前 [案例观点]</span></li>
							</ul>
						</div>
					</div>
				</div>
				<div class="sg_np_item_three">
					<ul>
						<li>
							<h3>#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</h3>
							<div class="item_pagesBox">
								<div class="item_left">
									<div class="sg_icon"><i class="iconfont icon-xinheart118"></i></div>
									<span>120</span>
								</div>
								<div class="item_right">
									<p>2小时前</p>
									<p>[案例观点]</p>
								</div>
							</div>
						</li>
						<li>
							<div class="item_img">
								<img src="img/new3.png" />
							</div>
						</li>
					</ul>
					<hr />
					<ul>
						<li>
							<h3>#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</h3>
							<div class="item_pagesBox">
								<div class="item_left">
									<div class="sg_icon"><i class="iconfont icon-xinheart118"></i></div>
									<span>886</span>
								</div>
								<div class="item_right">
									<p>5小时前</p>
									<p>[课程]</p>
								</div>
							</div>
						</li>
						<li>
							<div class="item_img">
								<img src="img/new4.png" />
							</div>
						</li>
					</ul>
				</div>
				<div class="sg_np_item_four">
					<div>
						<h3>#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</h3>
						<ul>
							<li>
								<div class="sg_np_img">
									<img src="img/np4.png" />
								</div>
							</li>
							<li>
								<div class="sg_np_img">
									<img src="img/np5.png" />
								</div>
							</li>
							<li>
								<div class="sg_np_img">
									<img src="img/np6.png" />
								</div>
							</li>
						</ul>
						<div>
							<ul>
								<li>
									<div>
										<img src="img/handimg.png" />
									</div>
									<span>陈正光</span>
								</li>
								<li>
									<div>
										<img src="img/tiwen.png" />
									</div>
									<span>6868</span>
								</li>
								<li>
									<div>
										<img src="img/xinxing.png" />
									</div>
									<span>4808</span>
								</li>
							</ul>
							<ul>
								<li><span>2天前 [案例观点]</span></li>
							</ul>
						</div>
					</div>
				</div>
				<div class="sg_np_item_five">
					<ul>
						<li>
							<h3>#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</h3>
							<div class="item_pagesBox">
								<div class="item_left">
									<div class="sg_icon"><i class="iconfont icon-xinheart118"></i></div>
									<span>120</span>
								</div>
								<div class="item_right">
									<p>2小时前</p>
									<p>[案例观点]</p>
								</div>
							</div>
						</li>
						<li>
							<div class="item_img">
								<img src="img/new5.png" />
							</div>
						</li>
					</ul>
					<hr />
					<ul>
						<li>
							<h3>#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</h3>
							<div class="item_pagesBox">
								<div class="item_left">
									<div class="sg_icon"><i class="iconfont icon-xinheart118"></i></div>
									<span>886</span>
								</div>
								<div class="item_right">
									<p>5小时前</p>
									<p>[课程]</p>
								</div>
							</div>
						</li>
						<li>
							<div class="item_img">
								<img src="img/new6.png" />
							</div>
						</li>
					</ul>
					<hr />
				</div>
				<div class="sg_loading">
					<span>加载更多</span>
				</div>
			</div>
			<!--脚步-->
			<footer>
				<div>
					<ul>
						<li>
							<div>
								<a href="header.html"><img src="img/shouye.png" /></a>
							</div>
							<p><a href="header.html">首页</a></p>
						</li>
					</ul>
					<ul>
						<li>
							<div>
								<a href=""><img src="img/cimc.png" /></a>
							</div>
							<p><a href="#">GIMC</a></p>
						</li>
					</ul>
					<ul>
						<li>
							<div>
								<a><img src="img/wenzhang.png" /></a>
							</div>
							<p><a href="文章.html">文章</a></p>
						</li>
					</ul>
					<ul>
						<li>
							<div>
								<a><img src="img/ziyuan.png" /></a>
							</div>
							<p><a href="资源.html">资源</a></p>
						</li>
					</ul>
					<ul>
						<li>
							<div>
								<a><img src="img/xueyuan.png" /></a>
							</div>
							<p><a href="课程.html">学院</a></p>
						</li>
					</ul>
				</div>
			</footer>
		</div>
		<!--<div></div>-->
		<!--<div class="search" style="background-color: pink;height: 100%;;width: 100%;position: fixed;top: 0;left: 0;z-index: 3;transform: translate(100%);">
			
		</div>-->
		<div class="search_web">
			<div class="search_header">
				<div class="s_close">
					<span>
						<i class="iconfont icon-guanbi"></i>
					</span>
				</div>
				<div class="s_searchInput">
					<i class="iconfont icon-search"></i>
					<input type="text" placeholder="Search" />
				</div>
			</div>
			<div class="s_body">
				<div>
					<div class="s_title">
						<h2>热搜</h2>
					</div>
					<div class="s_p_one">
						<span>省广股份</span>
						<span>移动互联网</span>
						<span>细分平台业务</span>
					</div>
					<div class="s_p_two">
						<span>O2O</span>
						<span>媒介平台</span>
						<span>拥抱变革，创造未来</span>
					</div>
					<div class="s_p_three">
						<span>平台</span>
						<span>上海金投赏创意节</span>
					</div>
				</div>
			</div>
		</div>
		<div class="search_nav">
			<div class="s_nav_box">
				<div class="lg_close">
					<span>
						<i class="iconfont icon-guanbi"></i>
					</span>
				</div>
				<div class="lg_searchInput">
					<i class="iconfont icon-search"></i>
					<input type="text" placeholder="Search"/>
				</div>
			</div>
			<hr />
			<div class="lg_hp">
				<div class="hg_hand">
					<img src="img/login/头像_03.png"/>
					<p><a href="memberlogin.html">立即登录</a></p>
					<span id="forgetPassword"><a href="#">忘记密码</a></span>
				</div>
			</div>
			<div class="hr"></div>
			<div class="choseItems">
				<ul>
					<li>GIMC</li>
					<li><i class="iconfont icon-dayuhao"></i></li>
				</ul>
				
				<div class="c_item_one">
					<p>省广介绍</p>
					<p>新闻资讯</p>
				</div>
				
				<ul>
					<li>文章</li>
					<li><i class="iconfont icon-dayuhao"></i></li>
				</ul>
				
				<div class="c_item_one">
					<p>省广介绍</p>
					<p>新闻资讯</p>
				</div>
				
				<ul>
					<li>资源</li>
					<li><i class="iconfont icon-dayuhao"></i></li>
				</ul>
				
				<div class="c_item_one">
					<p>省广介绍</p>
					<p>新闻资讯</p>
				</div>
				
				<ul>
					<li>课程</li>
					<li><i class="iconfont icon-dayuhao"></i></li>
				</ul>
				
				<div class="c_item_one">
					<p>省广介绍</p>
					<p>新闻资讯</p>
				</div>
			</div>
		</div>
	</body>
	<script type="text/javascript" src="js/transition.js"></script>

</html>